<!-- <!DOCTYPE html>
<html lang="en">
<link>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css.css"></link>
</head>
<body>
    <div class="container">
        <div class="header">830平台</div>
        <div class="left">
            <div class="fly-img">

            </div>
            <img class="leftbg-img" src="./demo/leftbg.jpg" />
        </div>
    </div>
</body>
</html> -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css.css"></link>
  </head>
  <body>
    <div class="container">
      <div class="targets aninode">
        <div class="item leftIn">春晓</div>
        <div class="item leftIn delay200">春眠不觉晓</div>
        <div class="item leftIn delay400">处处蚊子咬</div>
        <div class="item leftIn delay600">夜来风雨声</div>
        <div class="item leftIn delay800"><此处请留下你们的才华></div>
      </div>
      <button class="btn show">show</button>
      <button class="btn hide">hide</button>
    </div>
    <script>
      var show = document.querySelector(".show");
      var hide = document.querySelector(".hide");
      var container = document.querySelector(".container");
      show.addEventListener(
        "click",
        function () {
          container.classList.add("animated");
        },
        !1
      );
      hide.addEventListener(
        "click",
        function () {
          container.classList.remove("animated");
        },
        !1
      );
     
    </script>
  </body>
</html>
